<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>有偿收费</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/editStyle.css" />
    <style>
        .aui_formcontent {
            text-align: right;
        }

        .aui_formcontent input {
            text-align: right;
            padding-right: 30px;
        }
        .aui_formbox .aui_formitem{
            line-height: 1.5rem;
        }
        .aui_formbox .aui_formitem{
            padding-top: 0.8rem;
            padding-bottom: 0.5rem;
        }

        span.righticon {
            text-align: right;
            margin-right: 5px;
        }
        .aui_formbox .aui_formitem .aui_formcontent input{
            height: 1.5rem;
        }
        .aui_formcontent i{
            position: relative;
            /* top:2px; */
            color:#289fff;
            font-size: 0.9rem;
        }
        .aui_formbox.width6 .aui_formtitle{
            width: 100%;
        }
        .aui_formcontent{
            width: 50%;
        }
        .totalcost{
            width: 100%;
            text-align: right;
            font-weight: bold;
            font-size: 0.85rem;
            padding-top: 20px;
            color: #289fff;
        }

        /*  dialog-prompt新的样式*/
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
            .aui-dialog-footer {
                background-size:100% 0;
            }
            .aui-dialog-btn {
                background-size: 100% 0;
            }
        }
        .aui-dialog-body {
            padding: 1.2rem 0.75rem 1.4rem 0.75rem;
        }
        .aui-dialog-body input {
            border: 0;
            background-size: 100% 0;
            border-bottom: solid 1px #efefef;
        }

        .aui-dialog-footer {
            /*border-top: solid 0.5px #efefef;*/
            border-top: 0;
        }

        .aui-dialog-btn {
            color: #289FFF;
            border-right: 0;
            font-size: 0.75rem;
        }
            .aui-dialog-btn:first-child {
                color: #999 !important;
            }
        
    </style>
</head>

<body>
    <div id="app" v-cloak>

        <!-- <div class="aui-content boxarea mainbox">
            <div class="aui_formbox width6">
                <div class="aui_formitem" style="width: 100%;">
                    <div class="aui_formtitle ellipsis_one">
                        <label class="label-checkbox">
                            <input class="aui-checkbox chk_style " style="margin-right: 10px;" type="checkbox"
                                name="PlanType">就覅五二就覅五二就覅五二就覅五二就覅五二
                        </label> 
                    </div>
                    <div class="aui_formcontent">
                        <span class="righticon">￥10.05</span>
                        <i class="icon iconfont icon-bianji11"></i>
                    </div>
                    
                </div>
                <div class="aui_formitem" style="width: 100%;">
                    <div class="aui_formtitle">
                        <label class="label-checkbox">
                            <input class="aui-checkbox chk_style" style=" " type="checkbox"
                                name="PlanType">就覅五二
                        </label> 
                    </div>
                    <div class="aui_formcontent">
                        <span class="righticon">￥128.00</span>
                        <i class="icon iconfont icon-bianji11"></i>
                    </div>
                </div>
            </div>
        </div> -->




        <div class="aui-content boxarea mainbox">
            <div class="aui_formbox width6">
                <div v-for="item in list" class="aui_formitem" style="width: 100%;">
                    <div class="aui_formtitle ellipsis_one">
                        <label class="label-checkbox">
                            <input  v-on:click="choosecoat(item)" class="aui-checkbox chk_style"  type="checkbox" 
                                name="PlanType">{{item.Name}}
                        </label> 
                    </div>
                    <div class="aui_formcontent">
                        <!-- <input placeholder="请输入" v-model="item.Cost" type="number"> -->
                        <span class="righticon">￥{{item.Cost}}</span>
                        <i v-on:click="do_editcost(item)" class="icon iconfont icon-bianji11"></i>
                    </div>
                </div>
                <div class="totalcost" >￥{{sum}}</div>
            </div>
        </div>
        <div class="bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">创建应收账单</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-dialog.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="js/renwugongdan_addfee.js"></script>

</html>
